<template>
  <div class="aboutMe">
     <div class="head">
       <div class="header">
        <div @click="back()" class="iconfont ret icon-fanhui"></div>
        <div>{{text}}</div>
      </div>
    </div>
    <div class="box">
        <div>本网站主要参考
            <a  href="https://www.qunar.com/" target="_blank"> <span class="where">去哪儿网</span> </a>与
            <a  href="https://m.ctrip.com/html5" target="_blank"><span class="together">携程</span> </a>
            官网部分页面模仿集成，图片与文字描述也大多取自二者，内容详情可点击名字跳转对应官网查看。
            </div>
    </div>
  </div>
</template>

<style lang = "less">
.aboutMe {
  height: 100vh;
  width: 100vw;
  background: rgb(240, 242, 245);
  position: relative;
  a{
    .where{
        color: rgb(76, 192, 228);
    }
    .together{
        color: #0086f6;
    }
    &:active{
        color: none;
    }
  }
  
   .head{
    background: rgb(76, 192, 228);
  }
  .header {
    color: white;
    padding: 10px;
    padding-left: 20px;
    display: flex;
    width: 60%-6px;
    justify-content: space-between;
    .ret {
      padding-top: 3px;
    }
  }
  .box {
      color: grey;
      position: absolute;
      top: 10%;
      left: 0;
      right: 0;
      margin: 0 20px;
      font-size: 19px;
      text-align: left;
      text-indent: 2em;
  }
}
</style>

<script>
export default {
  data() {
    return {
      text:""
    };
  },
  created(){
    this.text = this.$route.params.message
  },
  methods: {
    back(){
      this.$router.go(-1)
    }
  },
  components: {},
};
</script>